﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="ko" xml:lang="ko">
  <head>   

	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	
    <title>마이페이지 셀러</title>
	
	<!--<link href='http://api.mobilis.co.kr/webfonts/css/?fontface=NanumGothicWeb' rel='stylesheet' type='text/css' />-->
    <link href="assets/css/bootstrap.css" rel="stylesheet">
	<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
	
	

	
    <style>	
		<!--@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");-->
		
		@font-face
		{
			font-family: NGothic;
			src:url(font/NanumGothic.eot);
			src:url(font/NanumGothic.eot?#iefix) format("embeded-opentype"),
			url(font/NanumGothic.woff)format("woff")
		}

		
		body
		{ 	
			margin:0;
			padding:0;
			background-color:#f0f0f0;
			background-image: url(images/bg.png);
			background-repeat:repeat;
			font-family:NGothic; font-size: 14px;
		}			
		  
		#top_wrapper 
		{
			width:930px; margin:auto; 
		}	
		
		#titlebox 
		{
			width:270px; height:57px; float:left; background-color:#262626;
		}		
		#content0 {width:200px; height:57px; float:left; background-color:#262626;}
		#content1 {width:250px; height:57px; float:left; background-color:#262626;}
		#content2 {width:180px; height:57px; float:left; background-color:#262626;}
		#content3 {width:930px; height:40px; clear:both; }
		
		#menu    { margin-top:19px; margin-right:10px; float:right; }
		#menubar_left    { background-image:url(images/topbg_left.png); width:16px; height:57px; float:left; }
		#menubar_right   { background-image:url(images/topbg_right.png); width:7px; height:57px; float:left; }
		#makebutton { margin-top:0px; margin-right:10px; float:right; }
		
		#foot {height:30px; clear:both; background-color:purple;}
		
		ul li { list-style:none; float:left; margin-left:20px;}
		
		.bmenu li { margin-left:5px; }
		.bmenu li a{font-size:12px; display:block; color:#bdbdbd; text-decoration: none;}
		.bmenu li a:hover {color:#ffffff;}	
		
		.gongtext { font-size:15px;}
		
		.popup_container {
			width:730px;
			margin:0 auto;			
		}
		
		
		
		#loginmain {width:930px; margin:0 auto;}			
		#loginleft {width:400px; height:400px; margin-left:8px; margin-top:8px; float:left; border: 1px solid #cccccc; background-color:#fdfdfd;}
		#logingab {width:20px; height:400px; float:left;}
		#loginright {width:400px; height:400px;margin-top:8px;  float:left; border: 1px solid #cccccc; background-color:#fdfdfd;}
		
		#wrap {
			 position:absolute;
			 top: 50%;
			 left: 50%;
			 width:840px;
			 height:420px;
			 margin-top: -200px; 
			 margin-left: -420px;
			 background:#f4f4f4;
		} 
		
		#popup_content
		{
			width:720;
			height:100%;
			background:#ffffff;
			border: 1px solid #cccccc;
			border-radius:10px;			
		}
		
		#popupcontainer
		{	
			background:#ffffff;
			border: 1px solid #cccccc;
			
		}
		
		#editerbox
		{
			border: 1px solid #cccccc; 
			width:900px;
			height:300px;
			margin:0 auto;
			margin-bottom:10px;
		}
		
		
		.price a{font-size:11pt; display:block; color:#ff8058; text-decoration: none;}
		.price a:hover {color:#000000;}	
		
		textarea
		{ 
			width: 700px; 			
			max-width:700px;
			height:60px; 
			max-height:100px;
		}
		
		.messages
		{
			margin:30px;
		}
		
		#nickname span
		{			
			color:#000000;
			font-size:10pt
			font-weight:bold;
		}
		
		#comment span
		{
			color:#777777;
			font-size:9pt
		}
		
		.popupcontent
		{
			color:#6b6b6b;
			font-size:9pt;
			margin-left:10px; width:900px;height:150px;
		}
		
		.gonggucontent span
		{
			
		}
		
		.gonggucol
		{
			float:left;text-align:center;height:80px;
			display:table;
		}
		
		.popupcol
		{
			float:left;text-align:center;height:150px;
			display:table;
		}
		
		.popupcol img
		{
			max-width:140px;max-height:140px;
		}
		
		.gonggucol img
		{
			max-width:60px;max-height:60px;
		}
		
		#popuprow
		{
			width:700px; height:150px;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;
		}
		
		#mypage_product_price
		{
			font-weight:bold;
			color:red;
		}
		
		

		
		

    </style>
   
  </head>

  <body>	
	<div class="popup_container">
		<div id="popup_content">			
			<div style="margin:10px 10px 0px 10px; width:702px;height:35px;">
				<div style="background-color:#494949; width:100%; height:35px;border-top-right-radius:10px;border-top-left-radius:10px;">				
					<div style="float:left;width:200px;text-align:center;border-right: 1px solid #626262;">
						<span style="line-height:35px;color:white;font-size:9pt;">제품이미지</span>
					</div>
					<div style="float:left;width:350px;text-align:center;border-right: 1px solid #626262;">
						<span style="line-height:35px;color:white;font-size:9pt;">제품정보</span>
					</div>
					<div style="float:left;width:140px;text-align:center;">
						<span style="line-height:35px;color:white;font-size:9pt;">제품정보</span>
					</div>					
					<div style="clear:both;">
					</div>
				</div>
			</div>
			<div class="popupcontent">
				<!------------------내가 참여한 진행중인 공동구매 리스트--------->
				<div id="popuprow">
					<div class="popupcol" style="width:200px;border-right: 1px solid #e8e8e8;">					
						<div  style="display: table-cell; vertical-align: middle;">					
							<img src="images/sample.png" alt="상품이미지">						
						</div>
					</div>
					<div class="popupcol" style="width:350px;border-right: 1px solid #e8e8e8;">
						<div  style="padding:10px;display: table-cell; vertical-align: middle;">												
							<span>델이름모델이름모델이름모델이름</span>
						</div>
					</div>
					<div class="popupcol" style="width:140px;">					
						<div  style="display: table-cell; vertical-align: middle;">					
							<p><strong>20000원</strong></p>
							<a class="btn btn-warning" href="#"><i class="icon-chevron-down"></i>선택</a>
						</div>
					</div>				
					<div style="clear:both;">
						<hr width="702px" style="border:1px dashed #ffeac7"/>
					</div>
				</div>				
			</div>
			
			
			<div class="popupcontent">
				<!------------------내가 참여한 진행중인 공동구매 리스트--------->
				<div id="popuprow">
					<div class="popupcol" style="width:200px;border-right: 1px solid #e8e8e8;">					
						<div  style="display: table-cell; vertical-align: middle;">					
							<img src="images/sample.png" alt="상품이미지">						
						</div>
					</div>
					<div class="popupcol" style="width:350px;border-right: 1px solid #e8e8e8;">
						<div  style="padding:10px;display: table-cell; vertical-align: middle;">												
							<span>델이름모델이름모델이름모델이름</span>
						</div>
					</div>
					<div class="popupcol" style="width:140px;">					
						<div  style="display: table-cell; vertical-align: middle;">					
							<p><strong>20000원</strong></p>
							<a class="btn btn-warning" href="#"><i class="icon-chevron-down"></i>선택</a>
						</div>
					</div>				
					<div style="clear:both;">
						<hr width="702px" style="border:1px dashed #ffeac7"/>
					</div>
				</div>				
			</div>
		
			<div style="clear:both;">
				<div style="margin:0px 10px 10px 10px; width:700px;background-color:#f9f9f9; 
				height:5px;border-bottom-right-radius:5px;border-bottom-left-radius:10px;"></div>
				<div style="margin:10px;">
				</div>
			</div>
			
		</div>
	</div>	
	<div class="pagination">
	  <ul>
		<li><a href="#">Prev</a></li>
		<li><a href="#">1</a></li>
		<li><a href="#">2</a></li>
		<li><a href="#">3</a></li>
		<li><a href="#">4</a></li>
		<li><a href="#">5</a></li>
		<li><a href="#">Next</a></li>
	  </ul>
	</div>

	

	


    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://twitter.github.io/bootstrap/assets/js/google-code-prettify/prettify.js"></script>
    <script src="http://twitter.github.io/bootstrap/assets/js/bootstrap.js"></script>
    
    
	
	<script type="text/javascript">

	  $(function(){

		$.fn.modalmanager.defaults.resize = true;

		$('[data-source]').each(function(){
		  var $this = $(this),
			$source = $($this.data('source'));

		  var text = [];
		  $source.each(function(){
			var $s = $(this);
			if ($s.attr('type') == 'text/javascript'){
			  text.push($s.html().replace(/(\n)*/, ''));
			} else {
			  text.push($s.clone().wrap('<div>').parent().html());
			}
		  });
		  
		  $this.text(text.join('\n\n').replace(/\t/g, '    '));
		});

		prettyPrint();
	  });
	  
		// 모달가입창 닫기 
		$('#btnCloseModal').click(function() 
		{    
			$('#responsive').modal('hide');
		});
		
		function closeModal()
		{
			$('#responsive').modal('hide');
		}
		
	</script>

	
  </body>
</html>
